<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加 - 时间胶囊 - TimePill.net</title>
    <link rel="stylesheet" type="text/css" href="styles/put.css">
</head>
<body>
    <header class="top">
        <div class="top_main">
            <a class="top_img" href="./index.html">
<!--                <img class="img" src="http://p.timepill.net/img/logo.gif">-->
                时间胶囊
            </a>
            <div>
                <a class="top_back" href="./index.html">首页</a>
                <a class="top_put" href="./Put.html">添加</a>
                <a class="top_open" href="./Open.html">打开</a>
            </div>
        </div>
    </header>
    <main class="bottom">
        <div class="container">
            <h1 class="page-header">添加胶囊</h1>
            <div class="main">
                <form name="form" class="form" onsubmit="return put()" >
                    <label>你的名字</label>
                    <div class="err_name">名字 必须填写.</div>
                    <input class="name" id="name" name="name" value="" type="text">
                    <label>你的邮箱</label>
                    <div  class="err_mail">邮箱 必须填写.</div>
                    <input id="e-mail" class="e-mail" name="email" value="" type="text">
                    <label>打开时间</label>
                    <input id="time" class="time" name="time" value="" type="text">
                    <span class="tips">打开时间之前，胶囊内容是看不到的。</span>
                    <label>胶囊内容</label>
                    <div  class="err_nr">内容 必须填写.</div>
                    <textarea id="neirong" class="neirong" name="content" value="" rows="8" cols="50"></textarea>
                    <span class="tips">胶囊内容不能超过5000字。</span>
                    <label style="margin-top: 10px;">未到期提示信息</label>
                    <textarea id="tip" class="tip" name="tips" value="" rows="3" cols="50"></textarea>
                    <span class="tips">在 打开时间 之前打开胶囊，会看到提示信息。</span>
                    <p class="add">
                        <input type="submit" value="添加胶囊">
                    </p>
                </form>
            </div>
        </div>
    </main>
</body>
<script src="scripts/main.js"></script>
<script>
    writetime()
    // test()
</script>
</html>